<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <!--禁止用户在手机上缩放-->
    <title>000</title>

    <link rel="stylesheet" href="__CSS__/bootstrap.min.css">
    <link rel="stylesheet" href="__AOS__/css/font-awesome.min.css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="__JS__/html5shiv.min.js"></script>
    <script src="__JS__/response.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="__CSS__/personal_center.css">
</head>
<body>


<div class="container">
    <div class="row">
        <div class=" col-lg-2 col-xs-12 col-md-2 col-sm-12 list">
            <div class="a11">
            </div>
            <h3>账号管理</h3>
            <ul class="list1">
                <li class="hover">
                    <a href="account_binding.html" style="color: white">账号绑定</a>
                </li>
                <li>
                    <a href="personal.html">个人信息</a>
                </li>
                <li>
                    <a href="real_name.html">实名认证</a>
                </li>
                <li>
                    <a href="recharge.html">账户充值</a>
                </li>
                <li>
                    <a href="">消费记录</a>
                </li>
                <li>
                    <a href="wealth_search.html">余额查询</a>
                </li>
                <li>
                    <a href="">我的课程</a>
                </li>
                <li>
                    <a href="">上传课程</a>
                </li>
            </ul>
        </div>
        <div class=" clo-lg-10 col-xs-12 col-md-10 col-sm-12 ">
            <div class="alert alert-warning alert-dismissible hidden-xs hidden-sm hidden-md account_1" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>     <!--关闭功能-->
                 上次登录时间：2017-07-19 17:33:03   地点：成都  <a href="">  查看最近操作记录</a>
            </div>
            <div class="row account_2">
                <div class="clo-lg-10 col-xs-6 col-md-10 col-sm-6">
               <strong class="account_21"> 账号绑定</strong>  完成 <i class="account_22"> 2/4</i>
                </div>
                <div class="clo-lg-2 col-xs-6 col-md-2 col-sm-6">
                    <a href="" class="question"> <font class="font2">?</font> 常见问题  </a>
                </div>
            </div>
            <div class="row account_2 ">
                <div class="clo-lg-10 col-xs-8 col-md-10 col-sm-8 email_c">
                    <div class="email_c1">
                        <div class="email_c2">
                            <i class="fa fa-envelope fa-3x email"></i>
                        </div>
                        <div class="email_c3">
                            <div class="email_c31">
                                <font class="account_21">邮箱：</font>
                                <font class="account_22">未绑定<font class="hidden-xs hidden-sm hidden-md"> 绑定可得一定积分</font></font>
                            </div>
                            <div class="email_c32 hidden-xs hidden-sm hidden-md ">
                                <font class="tip">
                                    可用邮箱加密码登录慕课网，可用邮箱找回密码
                                </font>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clo-lg-2 col-xs-4 col-md-2 col-sm-4">
                      <button type="button" class="btn btn-primary button_1" data-toggle="modal" data-target="#exampleModal1" > 立即绑定</button>
                </div>

                <div class="modal fade" id="exampleModal1" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title" >绑定邮箱</h4>
                            </div>
                            <div class="modal-body">
                                <form>
                                    <div class="form-group">
                                        <label class="control-label">邮箱</label>
                                        <input type="text" class="form-control" >
                                    </div>
                                    <div class="modal-footer">
                                        <input type="submit" value="绑定" class="btn btn-default" data-dismiss="modal">  <!--点击关闭的按钮类-->
                                        <input type="reset"  value="取消" class="btn btn-primary">   <!--重置按钮-->
                                    </div>
                                </form>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <div class="row account_2 ">
                <div class="clo-lg-10 col-xs-8 col-md-10 col-sm-8 email_c">
                    <div class="email_c1">
                        <div class="email_c2">
                            <i class="fa fa-mobile fa-4x email"></i>
                        </div>
                        <div class="email_c3">
                            <div class="email_c31">
                                <font class="account_21">手机：</font>
                                <font class="account_22">未绑定<font class="hidden-xs hidden-sm hidden-md"> 绑定可得一定积分</font></font>
                            </div>
                            <div class="email_c32 hidden-xs hidden-sm hidden-md ">
                                <font class="tip">
                                    可用手机号加密码登录慕课网，可通过手机号找回密码 <a href="">无法绑定</a>
                                </font>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clo-lg-2 col-xs-4 col-md-2 col-sm-4">
                    <button type="button" class="btn btn-primary button_1" data-toggle="modal" data-target="#exampleModal2" > 立即绑定</button>
                </div>

                <div class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title" >绑定手机</h4>
                            </div>
                            <div class="modal-body">
                                <form>
                                    <div class="form-group">
                                        <label  class="control-label">手机</label>
                                        <input type="text" class="form-control" id="-">
                                    </div>
                                    <div class="modal-footer">
                                        <input type="submit" value="绑定" class="btn btn-default" data-dismiss="modal">  <!--点击关闭的按钮类-->
                                        <input type="reset"  value="取消" class="btn btn-primary">   <!--重置按钮-->
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row account_2 ">
                <div class="clo-lg-10 col-xs-8 col-md-10 col-sm-8 email_c">
                    <div class="email_c1">
                        <div class="email_c2">
                            <i class="fa fa-unlock-alt fa-3x email"></i>
                        </div>
                        <div class="email_c3">
                            <div class="email_c31">
                                <font class="account_21">密码：</font>
                                <font class="account_22">已设置</font>
                            </div>
                            <div class="email_c32 hidden-xs hidden-sm hidden-md ">
                                <font class="tip">
                                    用于保护账号信息和登录安全
                                </font>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clo-lg-2 col-xs-4 col-md-2 col-sm-4">
                    <button type="button" class="btn btn-primary button_1" data-toggle="modal" data-target="#exampleModal3" > 修改</button>
                </div>

                <div class="modal fade" id="exampleModal3" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title" id="exampleModalLabel">修改密码</h4>
                            </div>
                            <div class="modal-body">
                                <form>
                                    <div class="form-group">
                                        <label for="" class="control-label">原密码</label>
                                        <input type="text" class="form-control" id="">
                                    </div>
                                    <div class="form-group">
                                        <label for="" class="control-label">新密码</label>
                                        <input type="text" class="form-control" id="">
                                    </div>
                                    <div class="modal-footer">
                                        <input type="submit" value="确定" class="btn btn-default" data-dismiss="modal">  <!--点击关闭的按钮类-->
                                        <input type="reset"  value="取消" class="btn btn-primary">   <!--重置按钮-->
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

            <div class="row account_2 ">
                <div class="clo-lg-10 col-xs-8 col-md-10 col-sm-8 email_c">
                    <div class="email_c1">
                        <div class="email_c2">
                            <i class="fa  fa-twitch fa-3x email"></i>
                        </div>
                        <div class="email_c3">
                            <div class="email_c31">
                                <font class="account_21">社交账号：</font>
                            </div>
                            <div class="email_c322 hidden-xs hidden-sm hidden-md ">
                                <font class="tip">
                                    绑定第三方帐号，可以直接登录,还可以将内容同步到以下平台，与更多好友分享
                                </font>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">

            </div>




        </div>
    </div>



</div>
<div class="container-fluid last hidden-xs hidden-sm hidden-md">
    <!--隐藏的要一个一个写-->
    <div class="row">
        <div class="col-lg-1 hidden-xs hidden-sm hidden-md"></div>
        <div class="col-lg-8 hidden-xs hidden-sm hidden-md ">
            <ul class="last1">
                <li><a href="#" class="ss">网站首页</a></li>
                <li><a href="#" class="ss">企业合作</a></li>
                <li><a href="#" class="ss">人才招聘</a></li>
                <li><a href="#" class="ss">联系我们</a></li>
                <li><a href="#" class="ss">讲师招聘</a></li>
                <li><a href="#" class="ss">常见问题</a></li>
                <li><a href="#" class="ss">意见反馈</a></li>
                <li><a href="#" class="ss">慕课大学</a></li>
                <li><a href="#" class="ss">友情连接</a></li>
            </ul>
            <p class="last3">
                Copyright © 2017 imooc.com All Rights Reserved | 川ICP备 13046642号-2
            </p>
        </div>
        <div class=" col-lg-3 hidden-xs hidden-sm hidden-md last2">
            <div class="as">
                <i class="fa fa-weixin fa-2x"></i>
            </div>
            <div class="as">
                <i class="fa fa-qq fa-2x"></i>
            </div>
            <div class="as">
                <i class="fa fa-weibo fa-2x"></i>
            </div>

        </div>

    </div>
</div>


</body>
</html>
<script src="__JS__/jquery.min.js"></script>
<script src="__JS__/bootstrap.min.js"></script>
